<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!-- 중간 메인 이미지 시작 -->
<div id="main-slider" data-stretch="true">
<div class="flexslider" id="metaslider-demo" style="max-width: 100%;">
	<ul class="slides">
		<li class="" style="width: 100%; float: left; margin-right: -100%; position: relative; display: none; background-image: url(http://wp-themes.com/wp-content/themes/vantage/slider/backgrounds/slide-4.jpg);">
		<div class="full-container">
			<div class="content">
				<img src="/test/images/slide-responsive-overlay.png" width="1080" height="420" alt="Demo Slide">
			</div>

			<img src="/test/images/slide-4.jpg" class="msDefaultImage" width="1080" height="420" alt="Demo Slide" style="visibility: hidden;">
		</div></li>

		<li style="width: 100%; float: left; margin-right: -100%; position: relative; display: list-item; background-image: url(http://wp-themes.com/wp-content/themes/vantage/slider/backgrounds/slide-1.jpg);" class="flex-active-slide">
		<div class="full-container">
			<img src="/test/images/slide-1.jpg" class="msDefaultImage" width="1080" height="420" alt="Demo Slide" style="visibility: hidden;">
		</div></li>

	</ul>
</div>
</div>
<!-- 중간 메인 이미지 끝 -->

<!-- 메인 내용 시작 -->
<div id="main" class="site-main">
	<div class="full-container">		
<div id="primary" class="content-area">
	<div id="content" class="site-content" role="main">
		<div class="entry-content">
			<div class="panel-grid" id="pg-home-0">
				<div class="panel-grid-cell" id="pgc-home-0-0">
				<div class="panel widget widget_circleicon-widget panel-first-child panel-last-child" id="panel-19-0-0-0">
				<div class="circle-icon-box circle-icon-position-top circle-icon-hide-box circle-icon-size-small">
					<div class="circle-icon-wrapper">
			            <div class="circle-icon">
							<div class="icon-edit"><i class="fa fa-university"></i></div>
						</div>
		            </div>
		            <h4>이력서&포트폴리오 관리</h4>            
					<p class="text">우리 웹사이트를 통해 당신의 포트폴리오를 관리하세요.<br> 당신은 효율적으로 포트폴리오를 관리할 수 있습니다.<br> 간단한 등록만으로 파일들을 관리해보세요.</p>
					<a href="#" class="more-button">등록하러가기<i></i></a>
				</div>
				</div>
				</div>
				
				<div class="panel-grid-cell" id="pgc-home-0-1">
				<div class="panel widget widget_circleicon-widget panel-first-child panel-last-child" id="panel-19-0-1-0">
				<div class="circle-icon-box circle-icon-position-top circle-icon-hide-box circle-icon-size-small">
					<div class="circle-icon-wrapper">
		            	<div class="circle-icon">
							<div class="icon-mobile-phone"></div>
						</div>
		            </div>
		
		            <h4>모바일 지원</h4>            
					<p class="text">꼭 컴퓨터로 해야하냐구요? 대답은 No.<br> 이 페이지는 모바일에서도 편하게 쓸 수 있습니다.<br> 궁금합니까? 그럼 당장 스마트폰을 키고 접속하세요!</p>
					<a href="#" class="more-button">모바일 맛보기<i></i></a>
				</div>
				</div>
				</div>
				
				<div class="panel-grid-cell" id="pgc-home-0-2">
				<div class="panel widget widget_circleicon-widget panel-first-child panel-last-child" id="panel-19-0-2-0">
				<div class="circle-icon-box circle-icon-position-top circle-icon-hide-box circle-icon-size-small">
					<div class="circle-icon-wrapper">
		            	<div class="circle-icon">
							<div class="icon-question"></div>
						</div>
		            </div>
		            <h4>사용 방법</h4>            
					<p class="text">당신은 먼저 회원가입을 해야합니다.<br> 회원가입 후에 Portfolio 메뉴를 눌러<br> 이력서와 포트폴리오를 종류별로 등록하기 바랍니다.</p>
					<a href="#" class="more-button">더 알아보기<i></i></a>
				</div>
				</div>
				</div>
			</div>
		</div>
	</div>
</div>
	</div>
</div>
<!-- 메인 내용 끝 -->

<!--  
		<div class="panel-grid" id="pg-home-1"><div class="panel-row-style panel-row-style-wide-grey"><div class="panel-grid-cell" id="pgc-home-1-0"><div class="panel widget widget_headline-widget panel-first-child panel-last-child" id="panel-19-1-0-0">		<h1>This Is A Headline Widget</h1>
		<div class="decoration"><div class="decoration-inside"></div></div>
		<h3>You can customize it and put it where ever you want</h3>
		</div></div></div></div>
		-->
<%--
<!-- LATEST POSTS 부분 시작 -->
	<div class="panel-grid" id="pg-home-2">
			<div class="panel-grid-cell" id="pgc-home-2-0">
			<div class="panel widget widget_siteorigin-panels-postloop panel-first-child panel-last-child" id="panel-19-2-0-0">
		<h3 class="widget-title">
			<span class="vantage-carousel-title">
				<span class="vantage-carousel-title-text">Latest Posts</span>
				<a href="#" class="next">next</a>
				<a href="#" class="previous">previous</a>
			</span>
		</h3>	
	<div class="vantage-carousel-wrapper">
	<ul class="vantage-carousel" data-query="{&quot;posts_per_page&quot;:10,&quot;order&quot;:&quot;DESC&quot;}" data-ajax-url="https://wp-themes.com/wp/wp-admin/admin-ajax.php">
			<li class="carousel-entry">
				<div class="thumbnail">
					<a href="http://wp-themes.com/?p=19" class="default-thumbnail"><span class="overlay"></span></a>
				</div>
				<h3><a href="http://wp-themes.com/?p=19">Worth A Thousand Words</a></h3>
			</li>
			
			<li class="carousel-entry">
				<div class="thumbnail">
					<a href="http://wp-themes.com/?p=36" class="default-thumbnail"><span class="overlay"></span></a>
				</div>
				<h3><a href="http://wp-themes.com/?p=36">Elements</a></h3>
			</li>
			
			<li class="carousel-entry">
				<div class="thumbnail">
					<a href="http://wp-themes.com/?p=14" class="default-thumbnail"><span class="overlay"></span></a>
				</div>
				<h3><a href="http://wp-themes.com/?p=14">More Tags</a></h3>
			</li>
			
			<li class="carousel-entry">
				<div class="thumbnail">
					<a href="http://wp-themes.com/?p=8" class="default-thumbnail"><span class="overlay"></span></a>
				</div>
				<h3><a href="http://wp-themes.com/?p=8">HTML</a></h3>
			</li>
			
			<li class="carousel-entry">
				<div class="thumbnail">
					<a href="http://wp-themes.com/?p=6" class="default-thumbnail"><span class="overlay"></span></a>
				</div>
				<h3><a href="http://wp-themes.com/?p=6">Links</a></h3>
			</li>
			
			<li class="carousel-entry">
				<div class="thumbnail">
					<a href="http://wp-themes.com/?p=4" class="default-thumbnail"><span class="overlay"></span></a>
				</div>
				<h3><a href="http://wp-themes.com/?p=4">Category Hierarchy</a></h3>
			</li>
			
			<li class="carousel-entry">
				<div class="thumbnail">
					<a href="http://wp-themes.com/?p=1" class="default-thumbnail"><span class="overlay"></span></a>
				</div>
				<h3><a href="http://wp-themes.com/?p=1">Hello world!</a></h3>
			</li>
			</ul>
</div></div></div>

<!--  LATEST POSTS 오른쪽 글자 시작  -->
<div class="panel-grid-cell" id="pgc-home-2-1">
	<div class="panel widget widget_text panel-first-child panel-last-child" id="panel-19-2-1-0">
		<div class="textwidget"><p>There are a lot of widgets bundled with Page Builder. You can use them to bring your pages to life.</p>
		</div>
	</div>
</div>
<!--  LATEST POSTS 오른쪽 글자 끝 -->

</div> <!-- LATEST POSTS 부분 끝 -->
--%>